<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<title>系统主页面</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style type="text/css">
			.clear{
				clear:both;
			}
			
			
		
		</style>
	</head>
	<body>
		
	<%@ include file="include/topbar.jsp" %>
		
		<div class="container" style="margin-top:60px">
			
						 
				
				
				<div class="span9" style="margin-left:120px">
					
					<ul class="breadcrumb" style="margin-bottom:20px;border-radius:3px 3px 0 0;margin-top:px;height:px">	
						<strong>
							<h4 style="display:inline">项目列表</h4>
							
						</strong>
						
					<c:if test="${sessionScope.employee.name eq 'tom' }">
						 <div class="btn-group pull-right" id="tom-drop" style="margin-top:-6px;margin-right:0px">
						  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
						    	项目菜单
						    <span class="caret"></span>
						  </a>
						  <ul class="dropdown-menu" >
						    <li><a href="newpro.jspx"><i class="icon-plus"></i>新建项目</a></li>
						     <li><a href="emplist.jspx"><i class="icon-list-alt"></i>员工列表</a></li>
						      <li><a href="addemp.jspx"><i class="icon-user"></i>添加员工</a></li>
						  </ul>
						</div>			
						</c:if>
					</ul>	
					
					<c:forEach var="pro" items="${proList}">
					<div class="row">
						<div class="narrow subproject" >
								<div class="span9" >
									<c:if test="${sessionScope.employee.name eq 'tom' }">
										<ul class="breadcrumb" style="margin-bottom:0px;border-radius:3px 3px 0 0;margin-top:15px">
        									<li ><i class="icon-th-large"></i>${pro.name}</li>
     									 </ul>
									
									</c:if>
									<c:if test="${sessionScope.employee.name ne 'tom' }">
										<ul class="breadcrumb" style="margin-bottom:0px;border-radius:3px 3px 0 0;margin-top:15px">
        									<li ><a href="project.jspx?pid=${pro.id }"><i class="icon-th-large"></i>${pro.name}</a></li>
     									 </ul>
									</c:if>
										

									<div class="wall" style="padding:20px;border-radius:0px">
										<strong>创建时间：</strong>
										<p>${pro.createTime}</p>
										<strong>项目描述：</strong>
										<p>${pro.desc}</p>
									</div>
								</div>
								
							</div>
						</div>
						</c:forEach>
					</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#tom-drop").hover(function(){
					$(this).addClass("open");
				});
				$("#tom-drop").mouseleave(function(){
					$(this).removeClass("open");
				});
			});
		</script>
	</body>
</html>
